<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/static/include/taglib.jsp"%>
<!DOCTYPE html >
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
 <title>后台管理--模板编辑</title>
 <link href="${ctxStatic}/layui/css/layui.css" rel="stylesheet" />
 <link href="${ctxStatic}/css/kpiuitanchu.css" rel="stylesheet" />
 <script src="${ctxStatic}/js/jquery-1.8.3.min.js?v=2.0" type="text/javascript"></script>
 <script src="${ctxStatic}/layui/layui.all.js"  type="text/javascript"></script>
</head>
<body>
<div style="height:100%;margin:0 auto;padding:10px 0 0 0;" class="layui-form">
     <table nostyle="true">
      <tr>
        <td class="td_right">年份：</td>
        <td>
          <select name="year" id="year">
              <option value="2025">2025年</option>
              <option value="2024">2024年</option>
              <option value="2023">2023年</option>
              <option value="2022">2022年</option>
              <option value="2021">2021年</option>
              <option value="2020">2020年</option>
              <option value="2019">2019年</option>
              <option value="2018">2018年</option>
              <option value="2017">2017年</option>
	      </select>
            <input type="hidden" id="hidyear" value="${year }"/>
        </td>
        <td class="td_right">月份：</td>
        <td>
         <select name="mouth" id="mouth">
	       <option value="1">1月</option>
	       <option value="2">2月</option>
	       <option value="3">3月</option>
	       <option value="4">4月</option>
	       <option value="5">5月</option>
	       <option value="6">6月</option>
	       <option value="7">7月</option>
	       <option value="8">8月</option>
	       <option value="9">9月</option>
	       <option value="10">10月</option>
	       <option value="11">11月</option>
	       <option value="12">12月</option>
	     </select>
        </td>
        <td class="td_right">人员：</td>
        <td>
          <select name="userid" lay-verify="required" lay-filter="myselect">
                <c:forEach var="item" items="${userlst}">
                  <option value="${item.userid}">${item.realname} (${item.orgname})</option>
                </c:forEach>
         </select>
        </td>
        
      </tr>
     </table>
     <div id="datacon" style="margin-top:10px">
     <iframe width="100%" height="100%" id="getdata" name="getdata" src="" style="display: block;border:0;padding:0;margin:0;overflow-x:auto;overflow-y:no " frameborder="no" border="0" marginwidth="0" marginheight="0" allowtransparency="yes"  >  
       </iframe>
     </div>
       
</div>
<script>
$("#datacon").height($(window).height()-58)
layui.use('form', function(){
    $("#year").val($("#hidyear").val());
    var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
   form.on('select(myselect)', function(data){
	   var url='att_tb_edit_show?year='+$("#year").val()+'&mouth='+$("#mouth").val()+'&userid='+data.value;
	   $("#getdata").attr("src",url);
   })
   
   form.render();
});  

$(function(){
	var url='att_tb_edit_show?year='+$("#year").val()+'&mouth='+$("#mouth").val()+'&userid='+data.value;
	$("#getdata").attr("src",url);
})
</script>
</body>
</html>